<template>
  <div id="app">
    <!-- 浮动窗口部分 -->
    <router-view name="float" ></router-view>
    <!-- 浮动窗口部分2 -->
    <router-view name="floatBehind"></router-view>
    <!-- 侧边栏部分 -->
    <router-view name="left"></router-view>
    <!-- 顶部部分 -->
    <router-view name="top"></router-view>
    <!-- 主模块 -->
    <router-view name="main"></router-view>
    <!-- 二分模块 -->
    <router-view name="second"></router-view>
  </div>
</template>

<script>
// 引入组件

export default {
  name: "App",
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100%;
  height: 100%;
  background-color: #20202a;
  /* overflow: hidden; */
}
html {
  height: 100%;
}

/* 引入字体图标 */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?l2h9w4');
  src:  url('fonts/icomoon.eot?l2h9w4#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?l2h9w4') format('truetype'),
    url('fonts/icomoon.woff?l2h9w4') format('woff'),
    url('fonts/icomoon.svg?l2h9w4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 总体内容 */
#app {
  position: relative;
  margin: 0 auto;
  height: auto;
  width: 1000px;
  border-radius: 30px;
}

.left_bar {
  height: 1000px;
  float: left;
  width: 25%;
  background-color: #1f1f27;
}

.top {
  position: relative;
  display: inline-block;
  height: 110px;
  width: 740px;
  border-radius: 30px;
  background-size: cover;
  background: url("@/assets/bg.jpg") no-repeat;
}

.main {
  position: relative;
  display: inline-block;
  margin-top: 2%;
  height: 460px;
  width: 740px;
  border-radius: 30px;
  background-color: #242834;
}
.two {
  position: relative;
  display: inline-block;
  margin-top: 2%;
  height: 350px;
  width: 740px;
  border-radius: 30px;
  background-color: #242834;
  overflow: hidden;
}
.float {
  position: absolute;
  top:30px;
  left: -320px;
  background-color: #242834;
  width: 300px;
  height: 460px;
  /* border-radius: 20px; */
}
.floatBehind {
  position: absolute;
  top:500px;
  left: -320px;
  background-color: #242834;
  width: 300px;
  height: 460px;
}
</style>
